<!-- <template>
    <div class="demo">
     Demo 组件
    </div>
</template>

<script>
export default {
    setup () {
        

        return {}
    }
}
</script>

<style  scoped>
.demo{
    border: 1px solid green;
    height: 200px;
    width: 200px;
    font-size:30px;
    font-weight: blod;
}
</style> -->

<template>
    <div>
      {{ message }}
     
    </div>
    <div>
         {{ message01 }}
    </div>
    <div>
        {{obj.message02 }}
    </div>
</template>

<script setup>
 import {ref,reactive} from "vue"
 const message="不积跬步";
 const message01=ref("无以至千里")
 const obj=reactive({message02:'你是搞笑的吧'})
 setTimeout(() => {
    message01.value='锲而不舍'
    obj.message02='say hello'
 }, 2000);
</script>

<style lang="scss" scoped>

</style>